<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            <p:commandButton value="Hello from PrimeFaces" onclick="dlg1.show();" type="button" /><p:dialog header="PrimeFaces Dialog" widgetVar="dlg1" width="500">For more information visit <a href="http://primefaces.org">http://primefaces.org</a>.</p:dialog>

            <p:layout fullPage="true" style="font-size: 10px">
                <p:layoutUnit position="west" size="400" header="Properties"  resizable="true" closable="false" collapsible="true" style="font-size: 11px; font-family: sans-serif;">  
                    <p:panel header="Objects" toggleable="true" >
                        <p:tabView id="tabView" style="width: 100%">  
                            <p:tab id="tab1" title="Database Objects"> 
                                <h:panelGrid width="100%">
                                    <p:panel header="Tables">
                                    </p:panel>
                                    <p:panel header="Views">
                                    </p:panel>
                                    <p:panel header="Procedures">
                                    </p:panel>
                                </h:panelGrid>
                            </p:tab>
                            <p:tab id="tab2" title="Services" > 
                                <h:panelGrid width="100%">
                                    <p:panel header="Web Services">
                                    </p:panel>
                                    <p:panel header="EJB">
                                    </p:panel>
                                </h:panelGrid>
                            </p:tab>
                        </p:tabView>
                    </p:panel>
                    <p:panel header="Properties" toggleable="true" >
                    </p:panel>
                    <p:panel header="Templates" toggleable="true" >
                    </p:panel>
                </p:layoutUnit>  
                <p:layoutUnit position="center" size="200" resizable="true" closable="true" collapsible="true" style="font-size: 11px; font-family: sans-serif;"> 
                    <h:form>

                        <h:panelGrid columns="2">
                            <p:selectOneMenu/>
                            <p:commandButton value="Generar"/>
                        </h:panelGrid>
                    </h:form>
                </p:layoutUnit>  
                <p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">  
                    <h:outputText value="South unit content." />  
                </p:layoutUnit>
            </p:layout>

        </h:form>
    </h:body>
</html>

